@def primary-1 #FF9A00;
@def primary-2 #BF8730;
@def primary-3 #A66400;
@def primary-4 #FFB440;
@def primary-5 #FFC873;

@def secondary-a-1 #FFCF00;
@def secondary-a-2 #BFA430;
@def secondary-a-3 #A68700;
@def secondary-a-4 #FFDB40;
@def secondary-a-5 #FFE573;

@def secondary-b-1 #FF4100;
@def secondary-b-2 #BF5530;
@def secondary-b-3 #A62A00;
@def secondary-b-4 #FF7140;
@def secondary-b-5 #FF9773;

/** reset **/
body {
    margin: 0;
    padding: 2em;
    background: white;
    color: #000;
}

body, table td {
    font: 75%/1.33 Verdana, sans-serif;
    font-size: medium;
}

h1 {
    margin: 0.5em 0;
    font-size: 2em;
}

p {
    margin: 0.5em 0;
}

A:link, A:visited, A:active {
    text-decoration: none;
    color: secondary-b-2;
}

A:hover {
    font-weight: bold;
    color: secondary-b-1;
}

input, select {
    padding: 3px;
    font-size: 1.05em;
}

input[type=text], input[type=password] {
    width: 12em;
}

.invalid {
    background-color: primary-5;
}

.head {
    background-color: secondary-b-3;
    color: white;
}

.logoPanel {
    padding: 5px 5px 5px 5px;
    background-color: secondary-b-3;
    color: white;
}

.body {
    background-color: #fff;
    margin: 5px 20px 5px 20px;
}

.foot {
    background-color: primary-4;
    color: white;
}

.hintPopup {
    border: none;
    font-size: small;
    padding: 0;
    color: primary-3;
}

/** override gwt **/

.gwt-PopupPanel {
    border: none !important;
}

.gwt-Button {
    font-size: medium;
}